<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header">
    <meta charset="utf-8">
    <title>我的</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
</head>
<!--追加样式-->
<style>
    .mui-content{
        margin-bottom: 50px;
    }
    .mui-slider{
        height: 9em;
    }
    .iconfont{
        font-size: 120%;
    }
    .mui-tab-label{
        font-size: 70%;
    }
    .ay-icon{
        font-size: 120%;color: lightskyblue;
    }

    .mui-navigate-right:after,
    .mui-push-right:after
    {
        right: 15px;
        content: '';
    }

    .mui-table-view-cell {
        position: relative;
        overflow: hidden;
        padding: 10px 15px;
        -webkit-touch-callout: none;
        line-height: 34px;
    }
</style>
<body>
<!--<header class="mui-bar mui-bar-nav">
    &lt;!&ndash;<a href="javascript:" onclick="history.go(-1);" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>&ndash;&gt;
    <h1 class="mui-title" >个人中心</h1>
</header>-->

<div class="mui-content" >

    <!--帐号设置-->
    <ul class="mui-table-view" style="margin-bottom: 0.6em;">
        <li class="mui-table-view-cell ">
            <a class="" th:href="'/iphone/userInfo/'+${userinfo.userId}">
                <img class="mui-media-object mui-pull-left head-img" id="head-img" th:src="${userinfo.images}" style="border-radius: 50%;">
                <div class="mui-media-body">
                    <div th:text="'昵称：'+${userinfo.nickName}"></div>
                    <p class='mui-ellipsis' th:text="'签名：'+${userinfo.motto}"></p>
                </div>
            </a>
        </li>
    </ul>

    <ul class="mui-table-view" style="margin-bottom: 0.6em;">
        <li class="mui-table-view-cell">
            <a i class="" th:href="'/iphone/listallapply/'+${userinfo.userId}">
                <span class="iconfont icon-liucheng ay-icon" ></span>
                贡献图书
                <i class="layui-icon" style="float: right"> <font style="color: rgba(0,0,0,0.29)"> > </font> </i>
            </a>

        </li>
        <li class="mui-table-view-cell">
            <a  class="" th:href="'/iphone/driftList/'+${userinfo.userId}">
                <span class="iconfont icon-icon-test" style="font-size: 120%;color: lightskyblue;"></span>
                继续漂流
                <i class="layui-icon" style="float: right"> <font style="color: rgba(0,0,0,0.29)"> > </font> </i>
            </a>
        </li>
    </ul>

    <ul class="mui-table-view">
        <li class="mui-table-view-cell">
            <a class="" th:href="'/iphone/attention/'+${userinfo.userId}">
                <span class="iconfont icon-tushu ay-icon" ></span>
                可预约图书数：
                <i class="layui-icon" style="float: right"> <font style="color: rgba(0,0,0,0.69);font-size: 12px" th:text="${userinfo.borrowNum}+' 本'"> > </font> </i>
            </a>
        </li>
        <li class="mui-table-view-cell">
            <a class="" th:href=@{/iphone/wash(userImg=${userinfo.images},userId=${userinfo.userId})}>
                <span class="iconfont icon-xin ay-icon" ></span>
                许下心愿：
                <i class="layui-icon" style="float: right"> <font style="color: rgba(0,0,0,0.29)"> > </font> </i>
            </a>
        </li>
        <li class="mui-table-view-cell">
            <a class="" href="/iphone/washSubmit">
                <span class="iconfont icon-xin ay-icon" ></span>
                我的心愿：
                <i class="layui-icon" style="float: right"> <font style="color: rgba(0,0,0,0.29)"> > </font> </i>
            </a>
        </li>
        <li class="mui-table-view-cell">
            <a class="" th:href="'/iphone/mybook/'+${userinfo.userId}">
                <span class="iconfont icon-tushu ay-icon" ></span>
                图书
                <i class="layui-icon" style="float: right"> <font style="color: rgba(0,0,0,0.29)"> > </font> </i>
            </a>
        </li>
        <li class="mui-table-view-cell">
            <a class="" th:href="'/iphone/receving/'+${userinfo.userId}">
                <span class="iconfont icon-shouhuo ay-icon" ></span>
                已预约
                <i class="layui-icon" style="float: right"> <font style="color: rgba(0,0,0,0.29)"> > </font> </i>
            </a>
        </li>
    </ul>

      <ul class="mui-table-view" style="margin-top: 0.6em;">
        <li class="mui-table-view-cell">
            <a  class="" th:href="'/iphone/SysMessage/'+${userinfo.userId}">
                <span class="iconfont icon-45xitongtongzhi ay-icon" ></span>
                系统通知
                <i class="layui-icon"  style="float: right"> <font style="color: rgba(0,0,0,0.29)"> > </font> </i>
            </a>
        </li>



    </ul>

</div>

<!--底部导航栏-->
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" href="/iphone">
        <span class="iconfont icon-geren1" ></span><br />
        <span class="mui-tab-label" >首页</span>
    </a>
    <a class="mui-tab-item" href="/iphone/social">
        <span class="iconfont icon-jiaoliuweixuanzhong" ></span><br />
        <span class="mui-tab-label" >交流圈</span>
    </a>
    <a class="mui-tab-item" href="/iphone/stack">
        <span class="iconfont icon-kucun" ></span><br />
        <span class="mui-tab-label" >书库</span>
    </a>
    <a class="mui-tab-item mui-active" href="/iphone/user">
        <span class="iconfont icon-gerenzhongxin" ></span><br />
        <span class="mui-tab-label" >我的</span>

    </a>
</nav>

</body>


<!--<div th:include="include :: footer"></div>-->
<script src="/js/phone/mui.min.js"></script>
<script type="text/javascript" charset="UTF-8">
    mui('body').on('tap', 'a', function() {
        document.location.href = this.href;
    });
</script>

</html>